<template>
<ion-page :className="{ 'view-container': true, 'default-mode-view': true, 'demobeditview': true, 'shop-examine-not-app-mob-edit-view': true }">

    <app-mob-header>
        <ion-toolbar v-show="titleStatus" class="ionoc-view-header">
             <ion-buttons slot="end">
                                <div class="app-toolbar-container ">
                    <div class="app-quick-toolbar toolbar-right-bottons">
                                <app-mob-button
                            iconName=""
                            :text="$t('shop_examine.notappmobeditviewlefttoolbar_toolbar.deuiaction1.caption')"
                            v-show="lefttoolbarModels.deuiaction1.visabled"
                            :disabled="lefttoolbarModels.deuiaction1.disabled"
                            @click="lefttoolbar_click({ tag: 'deuiaction1' }, $event)" />

                    </div>
                </div>
            </ion-buttons>
        </ion-toolbar>


    </app-mob-header>

    <ion-content >
                <view_form
            :viewState="viewState"
            viewName="NotAppMobEditView"
            :viewparams="viewparams"
            :context="context"
            :autosave="false"
            :viewtag="viewtag"
            :showBusyIndicator="true"
            updateAction="Update"
            removeAction="Remove"
            loaddraftAction="GetDraft"
            loadAction="Get"
            createAction="Create"
            WFSubmitAction="WFSubmit"
            WFStartAction="WFStart"
            style=''
            name="form"
            ref='form'
            @save="form_save($event)"
            @beforeload="form_beforeload($event)"
            @remove="form_remove($event)"
            @beforesave="form_beforesave($event)"
            @load="form_load($event)"
            @closeview="closeView($event)">
        </view_form>
    </ion-content>
       <ion-footer class="view-footer">
                   <div class="editview-bottom-vertical-toolbar">
               <app-mob-button
                   v-show="righttoolbarModels.deuiaction1_camprecert.visabled"
                   :disabled="righttoolbarModels.deuiaction1_camprecert.disabled"
                   iconName=""
                   :text="$t('shop_examine.notappmobeditviewrighttoolbar_toolbar.deuiaction1_camprecert.caption')"
                   @click="righttoolbar_click({ tag: 'deuiaction1_camprecert' }, $event)" />
           </div>
       </ion-footer>
</ion-page>
</template>
<script lang='ts'>
import { Component } from 'vue-property-decorator';
import Shop_examineNotAppMobEditViewBase from './shop-examine-not-app-mob-edit-view-base.vue';

import view_form from '@widgets/shop-examine/examine-main-form/examine-main-form.vue';
@Component({
    components: {
        view_form, 
    },
    beforeRouteEnter: (to: any, from: any, next: any) => {
        next((vm: any) => {
            vm.$store.commit('addCurPageViewtag', { fullPath: to.fullPath, viewtag: vm.viewtag });
        });
    },
})
export default class Shop_examineNotAppMobEditView extends Shop_examineNotAppMobEditViewBase {

}
</script>